<template>
	<!-- 提交订单栏 -->
	<div>
		<van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
			<van-checkbox v-model="checked">全选</van-checkbox>
			<template #tip>
				你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
			</template>
		</van-submit-bar>
	</div>
</template>

<script>
import { Toast } from 'vant';
export default {
	data(){
		return {
			checked:true
		}
	},
	methods:{
		onSubmit(){
			Toast('跳转支付');
		},
		onClickLink(){
			Toast('修改地址');
		}
	},
	// setup() {
	// 	const onSubmit = () => Toast('跳转支付');
	// 	const onClickLink = () => Toast('修改地址');
	// 	return {
	// 		onSubmit,
	// 		onClickLink,
	// 	};
	// },
}
</script>
<style scoped>
/* 提交订单栏 */
:deep(.van-submit-bar){
	bottom: 1.33333rem;
}
</style>